<template>
    <div class="PerformanceQuery">
        <div class="top">
            <el-input v-model="phoneNumber" placeholder="根据手机号查询"></el-input>
            <el-button type="primary">查询</el-button>
        </div>
        <el-card class="box-card">
            <div slot="header" class="clearfix">
                <span>业绩区</span>
            </div>
            <el-table :data="tableData" style="width: 100%" border stripe>
                <el-table-column :index="indexmethod" type="index" label="" width="90"> </el-table-column>
                <el-table-column prop="name" label="个人总业绩"></el-table-column>
                <el-table-column prop="address" label="团队总业绩"></el-table-column>
                <el-table-column prop="name" label="当月个人业绩"></el-table-column>
                <el-table-column prop="address" label="当月团队业绩"></el-table-column>
                <el-table-column prop="name" label="上月个人业绩"></el-table-column>
                <el-table-column prop="address" label="上月团队业绩"></el-table-column>
                <el-table-column prop="name" label="团队总人数:" ></el-table-column>
                <el-table-column prop="address" label="晋升区域经理业绩: 元"></el-table-column>
                 <el-table-column prop="name" label="晋升区域总监礼包数: 个:"></el-table-column>
                <el-table-column prop="address" label="晋升店主业绩: 元"></el-table-column>
            </el-table>
        </el-card>
    </div>
</template>

<script>
export default {
name:'PerformanceQuery',
    data() {
        return {
            phoneNumber: '',
            tableData: [{index: '69huh'},{index: '69huh'}],
        };
    },
    created() {

    },
    mounted() {

    },
    methods: {
        indexmethod(index) {
            return ['69礼包数量', '98礼包数量', '298礼包数量', 
            '490礼包数量', '4900礼包数量', '9800礼包数量', 
            '49000礼包数量', '复销', '单品'][index];
        }
    }
};
</script>

<style scoped>
.el-input {
    width: 200px;
    margin-right: 20px;
}

.top {
    margin-bottom: 10px;
}

/deep/.el-card__header {
    padding: 0;
}

/deep/.el-card__body {
    padding: 0;
}

.clearfix span {
    margin-left: 10px;
}

.clearfix {
    height: 40px;
    background-color: #0094ff;
    line-height: 40px;
    color: #fff;
}
</style>
